<template>
  <CloudDropdown :trigger="['contextmenu']">
    <div
      :style="{
        textAlign: 'center',
        background: '#f7f7f7',
        height: '200px',
        lineHeight: '200px',
        color: '#777',
      }"
    >
      Right Click on here
    </div>
    <CloudMenu slot="overlay">
      <CloudMenuItem key="1">
        1st menu item
      </CloudMenuItem>
      <CloudMenuItem key="2">
        2nd menu item
      </CloudMenuItem>
      <CloudMenuItem key="3">
        3rd menu item
      </CloudMenuItem>
    </CloudMenu>
  </CloudDropdown>
</template>

<script>
export default {
  title: '6.右键菜单'
}
</script>
<style>
</style>